.box {
  margin: auto;
  width: 90vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

  justify-items: center;
  align-items: flex-start;

  .item {
    overflow: hidden;
    // height: 280px;

    border-radius: 10px;
    box-shadow: 1px 2px 5px rgb(138, 138, 138);
    img {
      width: 100%;
      height: calc(45vw - 5px );
      object-fit: cover;
    }
    .title {
      margin: 3px;
      height: 42px;
      .titleText {
        margin: 5px 3px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;

        font-weight: 500;
        .tag{
        display: inline-block;
        margin: 0;

        vertical-align: text-top;
        }
      }
    }
    .view {
      margin: 5px;
      color: #999;
      font-size: 12px;
      text-align: right;

      .icon {
      vertical-align: text-top;
      }
      span {
        margin: 0 8px 0 3px;
      }
    }
  }
}